<?php 
include('../../../function/sdm/pendidikan.php');

?>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <!-- Title and other stuffs -->
  <title>Database - SDM</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="author" content="">


  <!-- Stylesheets -->
  <link href="../../../style/bootstrap.css" rel="stylesheet">
  <!-- Font awesome icon -->
  <link rel="stylesheet" href="../../../style/font-awesome.css"> 
  <!-- jQuery UI -->
  <link rel="stylesheet" href="../../../style/jquery-ui.css"> 
  <!-- Calendar -->
  <link rel="stylesheet" href="../../../style/fullcalendar.css">
  <!-- prettyPhoto -->
  <link rel="stylesheet" href="../../../style/prettyPhoto.css">   
  <!-- Star rating -->
  <link rel="stylesheet" href="../../../style/rateit.css">
  <!-- Date picker -->
  <link rel="stylesheet" href="../../../style/bootstrap-datetimepicker.min.css">
  <!-- jQuery Gritter -->
  <link rel="stylesheet" href="../../../style/jquery.gritter.css">
  <!-- CLEditor -->
  <link rel="stylesheet" href="../../../style/jquery.cleditor.css"> 
  <!-- Bootstrap toggle -->
  <link rel="stylesheet" href="../../../style/bootstrap-toggle-buttons.css">
  <!-- Main stylesheet -->
  <link href="../../../style/style.css" rel="stylesheet">
  <!-- Widgets stylesheet -->
  <link href="../../../style/widgets.css" rel="stylesheet">   
  <!-- Responsive style (from Bootstrap) -->
  <link href="../../../style/bootstrap-responsive.css" rel="stylesheet">
  
  <!-- HTML5 Support for IE -->
  <!--[if lt IE 9]>
  <script src="../../js/html5shim.js"></script>
  <![endif]-->

  <!-- Favicon -->
  <link rel="shortcut icon" href="../../img/favicon/favicon.png">
</head>

<body>
<?php
include ("header.php");
?>
<!-- Main content starts -->

<div class="content">

  	<!-- Sidebar -->
    <div class="sidebar">
        <div class="sidebar-dropdown"><a href="#">Navigation</a></div>

        <div class="sidebar-inner">

          <!--- Sidebar navigation -->
          <!-- If the main navigation has sub navigation, then add the class "has_submenu" to "li" of main navigation. -->
          <ul class="navi">

            <!-- Use the class nred, ngreen, nblue, nlightblue, nviolet or norange to add background color. You need to use this in <li> tag. -->

            <li class="norange"><a href="index.php"><i class="icon-home"></i> Home</a></li>
            
            <li class="norange"><a href="lihatbiodatapegawai.php"><i class="icon-list"></i> Lihat Biodata Pegawai</a></li>

             <li class="has_submenu norange current open">
			<a href="index.php">
			<i class="icon-user"></i> Biodata Group Head<span class="pull-right"><i class="icon-angle-right"></i></span>
			</a>
			<ul>
			<li class="norange"><a href="editbiodata.php"><i class="icon-edit"></i> Edit Biodata</a></li>

            <li class="active"><a href="pendidikan.php"><i class="icon-th-large"></i> Pendidikan</a></li>

            <li class="norange"><a href="jabatan.php"><i class="icon-briefcase"></i> Jabatan</a></li>

            <li class="norange"><a href="training.php"><i class="icon-info-sign"></i> Training</a></li>
			</ul>
			</li>

            <li class="norange"><a href="performance.php"><i class="icon-bookmark"></i> Performance History</a></li>

          </ul>
	
          <!-- Search form -->
          <div class="sidebar-widget">
            <?php
			include ("search.php");
			?>
          </div>
	  
        </div>

    </div>

    <!-- Sidebar ends -->

  	<!-- Main bar -->
  	<div class="mainbar">
      
	    <!-- Page heading -->
	    <div class="page-head">
        <!-- Page heading -->
	      <h2 class="pull-left">Pendidikan
          <!-- page meta -->
          <span class="page-meta">Silahkan mengedit pendidikan anda.</span>
        </h2>


        <!-- Breadcrumb -->
        <div class="bread-crumb pull-right">
          <a href="index.php"><i class="icon-home"></i> Home / Pendidikan</a> 
        </div>

        <div class="clearfix"></div>

	    </div>
	    <!-- Page heading ends -->



	    <!-- Matter -->

	    <div class="matter">
        <div class="container-fluid">
		<div class="row-fluid">

            <div class="span12">


              <div class="widget worange">
                
                <div class="widget-head">
                  <div class="pull-left">Pendidikan</div>
                  <div class="widget-icons pull-right">
                  <!--  <a href="#" class="wminimize"><i class="icon-chevron-up"></i></a> 
                    <a href="#" class="wclose"><i class="icon-remove"></i></a>-->
                  </div>
                  <div class="clearfix"></div>
                </div>

                <div class="widget-content">
                  <div class="padd">


					
					<h6>Pendidikan Pegawai<button type="submit" class="btn btn-primary pull-right"><a href="addpendidikan.php">Tambah</button></h6>
					<hr>
					<div class="widget-content">
                    <form method="post" action="../function/hapuspendidikan.php">
					<table class="table  table-bordered" id="pendidikan">
                      <thead>
                        <tr>
                          <th>Level Pendidikan</th>
                          <th>Lembaga Pendidikan</th>
                          <th>Jurusan</th>
                          <th>Tanggal Kelulusan</th>
                          <th></th>
						</tr>
                      </thead>
                      <tbody>
                       <?php 
					while($row1 = mysql_fetch_array($query1)){
		
					$id = $row1['ID_PENDIDIKAN'];
					echo "<tr>";
                           echo "<td>"; echo $row1['LEVEL_PENDIDIKAN'] ; echo"</td>";
                           echo "<td>"; echo $row1['LEMBAGA'] ; echo"</td>";
                           echo "<td>"; echo $row1['JURUSAN'] ; echo"</td>";
                           echo "<td>"; echo $row1['TANGGAL_KELULUSAN'] ; echo"</td>";
						   echo "<td>"; echo "<button class='btn btn-mini btn-danger'  name='hapus[".$id."]' value='".$id."'><i class='icon-remove'></i></button>"; echo"</td>";
                       echo "</tr>"; 
					   }?>
                       </tbody>
                    </table>
                  </div>
				  <br>
				  

                  </div>
                </div>
                  <div class="widget-foot">
                    <!-- Footer goes here -->
                  </div>
              </div>  

            </div>

          </div>
		  </div>
		  </div>
		<!-- Matter ends -->

    </div>

   <!-- Mainbar ends -->	    	
   <div class="clearfix"></div>

</div>
<!-- Content ends -->   

<!-- Scroll to top -->
<span class="totop"><a href="#"><i class="icon-chevron-up"></i></a></span> 

<!-- JS -->
<script src="../../../js/jquery.js"></script> <!-- jQuery -->
<script src="../../../js/bootstrap.js"></script> <!-- Bootstrap -->
<script src="../../../js/jquery-ui-1.10.2.custom.min.js"></script> <!-- jQuery UI -->
<script src="../../../js/fullcalendar.min.js"></script> <!-- Full Google Calendar - Calendar -->
<script src="../../../js/jquery.rateit.min.js"></script> <!-- RateIt - Star rating -->
<script src="../../../js/jquery.prettyPhoto.js"></script> <!-- prettyPhoto -->

<!-- jQuery Flot -->
<script src="../../../js/excanvas.min.js"></script>
<script src="../../../js/jquery.flot.js"></script>
<script src="../../../js/jquery.flot.resize.js"></script>
<script src="../../../js/jquery.flot.pie.js"></script>
<script src="../../../js/jquery.flot.stack.js"></script>

<script src="../../../js/jquery.gritter.min.js"></script> <!-- jQuery Gritter -->
<script src="../../../js/sparklines.js"></script> <!-- Sparklines -->
<script src="../../../js/jquery.cleditor.min.js"></script> <!-- CLEditor -->
<script src="../../../js/bootstrap-datetimepicker.min.js"></script> <!-- Date picker -->
<script src="../../../js/jquery.toggle.buttons.js"></script> <!-- Bootstrap Toggle -->
<script src="../../../js/filter.js"></script> <!-- Filter for support page -->
<script src="../../../js/custom.js"></script> <!-- Custom codes -->
<script src="../../../js/charts.js"></script> <!-- Custom chart codes -->

<!-- Script for this page -->
<script type="text/javascript">
$(function () {

    /* Bar Chart starts */

    var d1 = [];
    for (var i = 0; i <= 30; i += 1)
        d1.push([i, parseInt(Math.random() * 30)]);

    var d2 = [];
    for (var i = 0; i <= 30; i += 1)
        d2.push([i, parseInt(Math.random() * 30)]);


    var stack = 0, bars = true, lines = false, steps = false;
    
    function plotWithOptions() {
        $.plot($("#bar-chart"), [ d1, d2 ], {
            series: {
                stack: stack,
                lines: { show: lines, fill: true, steps: steps },
                bars: { show: bars, barWidth: 0.8 }
            },
            grid: {
                borderWidth: 0, hoverable: true, color: "#777"
            },
            colors: ["#52b9e9", "#0aa4eb"],
            bars: {
                  show: true,
                  lineWidth: 0,
                  fill: true,
                  fillColor: { colors: [ { opacity: 0.9 }, { opacity: 0.8 } ] }
            }
        });
    }

    plotWithOptions();
    
    $(".stackControls input").click(function (e) {
        e.preventDefault();
        stack = $(this).val() == "With stacking" ? true : null;
        plotWithOptions();
    });
    $(".graphControls input").click(function (e) {
        e.preventDefault();
        bars = $(this).val().indexOf("Bars") != -1;
        lines = $(this).val().indexOf("Lines") != -1;
        steps = $(this).val().indexOf("steps") != -1;
        plotWithOptions();
    });

    /* Bar chart ends */

});


/* Curve chart starts */

$(function () {
    var sin = [], cos = [];
    for (var i = 0; i < 14; i += 0.5) {
        sin.push([i, Math.sin(i)]);
        cos.push([i, Math.cos(i)]);
    }

    var plot = $.plot($("#curve-chart"),
           [ { data: sin, label: "sin(x)"}, { data: cos, label: "cos(x)" } ], {
               series: {
                   lines: { show: true, 
                            fill: true,
                            fillColor: {
                              colors: [{
                                opacity: 0.05
                              }, {
                                opacity: 0.01
                              }]
                          }
                  },
                   points: { show: true }
               },
               grid: { hoverable: true, clickable: true, borderWidth:0 },
               yaxis: { min: -1.2, max: 1.2 },
               colors: ["#fa3031", "#43c83c"]
             });


    function showTooltip(x, y, contents) {
        $('<div id="tooltip">' + contents + '</div>').css( {
            position: 'absolute',
            display: 'none',
            top: y + 5,
            width: 100,
            left: x + 5,
            border: '1px solid #000',
            padding: '2px 8px',
            color: '#ccc',
            'background-color': '#000',
            opacity: 0.9
        }).appendTo("body").fadeIn(200);
    }

    var previousPoint = null;
    $("#curve-chart").bind("plothover", function (event, pos, item) {
        $("#x").text(pos.x.toFixed(2));
        $("#y").text(pos.y.toFixed(2));

            if (item) {
                if (previousPoint != item.dataIndex) {
                    previousPoint = item.dataIndex;
                    
                    $("#tooltip").remove();
                    var x = item.datapoint[0].toFixed(2),
                        y = item.datapoint[1].toFixed(2);
                    
                    showTooltip(item.pageX, item.pageY, item.series.label + " of " + x + " = " + y);
                }
            }
            else {
                $("#tooltip").remove();
                previousPoint = null;            
            }
    }); 

    $("#curve-chart").bind("plotclick", function (event, pos, item) {
        if (item) {
            $("#clickdata").text("You clicked point " + item.dataIndex + " in " + item.series.label + ".");
            plot.highlight(item.series, item.datapoint);
        }
    });

});

/* Curve chart ends */
/* Add row in table */
/*function addrow()
{
var table=document.getElementById("pendidikan");
var row=table.insertRow(2);
var cell1=row.insertCell(0);
var cell2=row.insertCell(1);
var cell3=row.insertCell(2);
var cell4=row.insertCell(3);
var cell5=row.insertCell(4);
var cell6=row.insertCell(5);
cell1.innerHTML="<input type='text' id='tanggalmasuk'>";
cell2.innerHTML="<input type='text' id='tanggal'>";
cell3.innerHTML="<input type='text' id='tanggalmasuk'>";
cell4.innerHTML="<input type='text' id='tanggal'>";
cell5.innerHTML="<input type='text' id='tanggalmasuk'>";
cell6.innerHTML="<input type='text' id='tanggal'>";
}*/
</script>

</body>
</html>